前端介绍

问题一：什么是前端开发？

前端开的前身是“网页制作”，随着移动端的兴起和4G、5G技术的普及，互联网产品业务越来越复杂，在2011年前后，逐步蜕变为前端开发

问题二：什么是前端？

一切用户能够看见的东西、产生交互的东西，都是由前端负责，目前随着Node.js的发展，用户看不见的交互（服务端）的东西也可以是用前端技术开发

一、前端的发展重要历程

2016年前后，前端开发突然迎来了技术井喷期，以webpack为代表的Node.js工作流工具使前端开发的开发形式产生了翻天复地的变化，并且随着Vue.js/React.js诞生，使前端开发进入了框架时代

二、为什么要学习前端开发

• 适合初学者，入门们栏相对较低，上手容易

• 选择性多，范围广，各行各业中都需要前端开发，前端能做的事情不仅仅只是网站，H5、Android/IOS端APP、各种小程序甚至是一些游戏都可以利用前端技术开发

• 职业前景好，现如今前端开发“上天入地，无所不能”，一个优秀的前端开发工程师也被叫做“全栈开发工程师”，这个时代也被叫做“大前端时代”

三、前端开发主要技术介绍

1、三大核心技术（重点）

2、以Vue.js和React.js为代表的模块式开发技术

• 模块化开发：模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块（方便代码的重用，从而提升开发效率，并且方便后期的维护）。模块化开发的好处：1、条理清晰，便于维护；2、不会一次将所有数据请求回来，用户体验感好；3、模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。

• 以数据驱动：所谓数据驱动指，视图是由数据驱动生成的，我们对视图的修改不会直接操作DOM,而是通过修改数据进行视图的更新。相较于传统的操作DOM进行开发，大大简化了代码量，只关心数据的修改让代码的逻辑变得非常清晰，DOM变成了数据的映射，所有的逻辑都是对数据的操作。

• 声明式编程：你告诉计算机你想要完成什么工作，由计算机自己去设计执行路径，将你想要的反馈给你。原生js是命令式编程，为了完成一个工作，你需要一步一步的告诉计算机该怎么做，计算机按照你的指令一步步完成这个工作

三、前端开发工具IDE介绍

1、什么是IDE?

IDE（Integrated Development Environment，集成开发环境）是含代码编辑、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的“高级代码编辑器”

2、前端开发主流IDE

2、Visual Studio Code（简称Vscode）安装、配置和插件

• 详情请看：VSCODE的安装及插件